<template>
    <div style="wrapper">
        <div class="x-content">
            <div class="x-order-content align-center">
                    <div class="x-flex1 align-center x-order-dai">
                        <div>
                            <text class="iconfont x-order-icon" style="font-size:53px;top:3px;">&#xe790;</text>
                        </div>
                        <text :class="['x-order-text',isIos()?'':'x-android-top']" style="top:0px;">品牌直供</text>
                    </div>
                    <div class="x-flex1 align-center x-order-dai"> 
                        <div>
                            <text class="iconfont x-order-icon" style="font-size:59px;top:3px;">&#xe689;</text>
                        </div>
                            <text :class="['x-order-text',isIos()?'':'x-android-top']" style="top:-5px;">7天退货</text>
                    </div>
                    <div class="x-flex1 align-center x-order-dai">
                        <div>
                            <text class="iconfont x-order-icon" style="font-size:43px;top:5px;">&#xe683;</text>
                        </div>
                        <text :class="['x-order-text',isIos()?'':'x-android-top']" style="top:4px;">送货到家</text>
                    </div>
                    <div class="x-flex1 align-center x-order-dai"> 
                        <div>
                            <text class="iconfont x-order-icon" style="font-size:55px;top:8px;">&#xe686;</text>
                        </div>
                        <text :class="['x-order-text',isIos()?'':'x-android-top']" style="top:-1px;">免费铺床</text>
                    </div>
                </div>
        </div>
    </div>
</template>
<style scoped>
.wrapper {
}
.x-content {
  background-color: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top:20px;
}
.iconfont {
  font-family: iconfont;
}
.align-center {
  align-items: center;
  justify-content: center;
}
.x-flex1 {
  flex: 1;
}
/*我的订单部分*/
.x-order-div {
  margin-top: -80px;
  background-color: #fff;
  border-radius: 10px;
  width: 700px;
  height: 240px;
}
.x-order-title {
  flex-direction: row;
  height: 80px;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  border-bottom-color: #c1c1c1;
  border-bottom-width: 1px;
}
.x-order-title:active {
  background-color: #eee;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.x-order-textleft {
  flex: 1;
  text-align: left;
  font-size: 30px;
  color: #222126;
}
.x-order-textright {
  flex: 1;
  text-align: right;
  font-size: 25px;
  color: #69696b;
}
.x-order-content {
  flex-direction: row;
  height: 140px;
}
.x-order-icon {
  font-size: 50px;
  color: #887146;
}
.x-order-text {
  color: #222126;
  font-size: 28px;
}
.x-android-top {
  padding-top: 18px;
}
.x-order-dai {
  height: 160px;
}
.x-order-dai:active {
  background-color: #eee;
}
</style>
<script>
export default {
  data() {
    return {};
  },
  methods: {
    isIos() {
      const { platform } = weex.config.env;
      return platform.toLowerCase() === "ios";
    }
  }
};
</script>